<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ci="http://java.sun.com/jsp/jstl/core"
	xmlns:c="http://sourceforge.net/projects/jsf-comp"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions"
	xmlns:t="http://myfaces.apache.org/tomahawk"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template/pCliente.xhtml">
	<ui:define name="head">
		<title>Asesor 360</title>
		<script type="text/javascript">//<![CDATA[			
			function handleBitacoraDialogGuardar(xhr, status, args) {
				if(args.isBitacoraSaveOk) {
		        	poppanelEditarEvento.hide();
		        }
		    }
			
			function obtenerDescripcion() {
				$('#formpanelEditarEvento\\:idBtnAttach').trigger('click');
		    }
			
			PrimeFaces.locales['es'] = {  
			        closeText: 'Cerrar',  
			        prevText: 'prev',  
			        nextText: 'next',  
			        currentText: 'hoy',  
			        monthNames: ['Enero','Febrero','Marzo','Abril','Mayo','Junio',  
			        'Julio','Agosto','Setiembre','Octubre','Noviembre','Diciembre'],  
			        monthNamesShort: ['Ene','Feb','Mar','Abr','May','Jun',  
			        'Jul','Ago','Set','Oct','Nov','Dic'],  
			        dayNames: ['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],  
			        dayNamesShort: ['Dom','Lun','Mar','Mie','Jue','Vie','Sab'],  
			        dayNamesMin: ['Dom','Lun','Mar','Mie','Jue','Vie','Sab'],  
			        weekHeader: 'Hf',
			        firstDay: 1,  
			        isRTL: false,  
			        showMonthAfterYear: false,  
			        yearSuffix: '',  
			        month: 'mes',  
			        week: 'semana',  
			        day: 'dia',  
			        allDayText : 'todo-el-día'  
			    };
			//]]></script>
			<style type="text/css"> 					
 				.files td.preview {
					    display:none;
				}
			</style>
	</ui:define>
	<ui:define name="titulopagina">
		<h:outputText value="INFORMACIÓN DE BITÁCORA" />
	</ui:define>
	<ui:define name="agregaIconoEjecutivos" />
	<ui:define name="agregaIconoEmail" />
	<ui:define name="bodyarea">
		<f:event type="preRenderView" listener="#{bitacoraController.onPageLoad}" />
		<input type="hidden" id="nomReporte" name="nomReporte" value="bitacoraDiariaM" />
		<p:messages id="messagesMain" showDetail="true" closable="true" />
		<h:panelGrid headerClass="cabeceraPanelSimple"
			styleClass="bordePanel" width="100%" cellpadding="5" cellspacing="0"
			columns="1">
			<f:facet name="header">
				<h:outputText value="Calendario" />
			</f:facet>
			<h:panelGrid columns="5" styleClass="bordePanel" width="100%">
				<p:spacer width="80" height="10"/>
 				<h:panelGrid columns="1">
					<p:commandButton id="btnNuevo" icon="ui-icon-document" value="Nuevo" update=":idpanelEditarEvento"
						actionListener="#{bitacoraController.initNewSchedule('1')}" oncomplete="poppanelEditarEvento.show()" />
					<p:tooltip for="btnNuevo" value="Nueva Programación"/>
 				</h:panelGrid>
				<p:spacer width="100" height="10"/>
				<p:commandButton icon="ui-icon-zoomin" value="Ver Anexos" oncomplete="poppanelAnexoBuscar.show()"
					actionListener="#{bitacoraController.initModalAnexos}" update=":idpanelAnexoBuscar" />
				<p:spacer width="20" height="10"/>
			</h:panelGrid>
			<h:panelGroup id="idPGSchedule">
				<p:schedule locale="es" draggable="false" resizable="false" value="#{bitacoraController.eventModel}">
					<p:ajax event="eventSelect" listener="#{bitacoraController.onEventSelect}"
						update=":idpanelEditarEvento" oncomplete="poppanelEditarEvento.show()"/>
					<p:ajax event="dateSelect" listener="#{bitacoraController.onDateSelect}"
						update=":idpanelEditarEvento" oncomplete="poppanelEditarEvento.show()"/>
				</p:schedule>
			</h:panelGroup>
		</h:panelGrid>
	</ui:define>

	<ui:define name="extraarea">
		<p:dialog id="idpanelEditarEvento" header="#{bitacoraController.tituloNuevoEditar}"
			widgetVar="poppanelEditarEvento" modal="true" dynamic="true" width="1000">
			<h:form id="formpanelEditarEvento" enctype="multipart/form-data">
				<h:panelGrid width="100%" columns="1" id="idContentMainM">
					<p:messages id="messagesBuscar2" showDetail="true" closable="true" />
					<h:panelGrid width="100%" columns="2" styleClass="stylePanelColumnsPadre">
						<h:panelGrid columns="1" width="100%" styleClass="stylePanelColumnsHijo">
							<h:panelGrid columns="2">
								<h:outputText value="Fecha:" styleClass="texto" />
								<p:calendar id="calendarModal" value="#{bitacoraController.bitacoraModel.bitacora.fecha}" locale="es" showButtonPanel="false" 
									showOn="button" pattern="dd/MM/yyyy hh:mm a" size="22" maxlength="22" />
								<h:outputLabel value="Tipo de Evento:" styleClass="texto" />
								<p:selectOneMenu value="#{bitacoraController.bitacoraModel.bitacora.idCodigoRazonContacto}">
									<f:selectItems value="#{comboModel.listRazonContacto}" />
								</p:selectOneMenu>
								<h:outputLabel value="Descripción Evento:" styleClass="texto"/>
								<h:inputText id="txtDesEvento" value="#{bitacoraController.bitacoraModel.bitacora.descripcionEvento}" size="50" maxlength="100" />
								<h:outputLabel value="Medio de Contacto:" styleClass="texto" />
								<p:selectOneMenu value="#{bitacoraController.bitacoraModel.bitacora.idCodMedioContacto}">
									<f:selectItems value="#{comboModel.listMedioContacto}" />
								</p:selectOneMenu>
								<h:outputLabel value="Lugar Contacto" styleClass="texto" />
								<p:selectOneMenu value="#{bitacoraController.bitacoraModel.bitacora.idCodigoLugarContacto}">
									<f:selectItems value="#{comboModel.listLugarContacto}" />
								</p:selectOneMenu>
								<h:outputLabel value="Fecha Próximo Contacto:" styleClass="texto" />
								<p:calendar value="#{bitacoraController.bitacoraModel.bitacora.fechaProximoContacto}" locale="es" showButtonPanel="false" 
									showOn="button" pattern="dd/MM/yyyy" size="11" maxlength="11" />
								<h:outputLabel value="Descripción de Archivos:" styleClass="texto" />
								<h:inputText id="txtDescripcion" value="#{bitacoraController.bitacoraModel.descripFilesUploaded}" size="50" maxlength="100" />
							</h:panelGrid>
							<h:panelGrid columns="1">
								<h:outputLabel value="Detalle del Contacto:" styleClass="texto" />
								<h:inputTextarea id="txtDetalleContacto" value="#{bitacoraController.bitacoraModel.bitacora.detalleContacto}"
									styleClass="caja" style="width:404px" />
								<h:outputLabel value="Acuerdos:" styleClass="texto" />
								<h:inputTextarea id="txtAcuerdos" value="#{bitacoraController.bitacoraModel.bitacora.acuerdos}" styleClass="caja"
									style="width:404px" />
							</h:panelGrid>
						</h:panelGrid>
						<h:panelGrid columns="1" width="100%" styleClass="stylePanelColumnsHijo">
							<h:panelGrid columns="1" width="100%">
								<h:outputLabel value="Archivos adjuntados" styleClass="texto" />
								<t:div style="overflow-y: scroll; overflow-x: hidden; height: 150px;">
									<p:dataTable id="dtFiles" value="#{bitacoraController.bitacoraModel.listFilesUploaded}" var="fila"
										emptyMessage="No existen archivos adjuntos." rowIndexVar="rowIndex"
										rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
										<p:columnGroup type="header">
											<p:row>
												<p:column width="180" headerText="Nombre Archivo" />
												<p:column headerText="Descripción de Archivos" />
												<p:column width="10" headerText="" />
											</p:row>
										</p:columnGroup>
										<p:column><h:outputText value="#{fila.nombreArchivo}" /></p:column>
										<p:column><h:outputText value="#{fila.descripcion}" /></p:column>
										<p:column>
											<p:commandButton actionListener="#{bitacoraController.quitarUpload(rowIndex, fila)}"
												icon="ui-icon-close" update=":formpanelEditarEvento:dtFiles" />
										</p:column>
									</p:dataTable>
								</t:div>
							</h:panelGrid>
							<h:panelGrid columns="1" width="100%">
								<h:panelGrid columns="2">
									<h:outputLabel value="Adjuntar archivos" styleClass="texto" />
									<p:commandButton id="idBtnAttach" value="" actionListener="#{bitacoraController.obtenerDescripcionFile}"
										styleClass="customStyleButtonHide"/>
								</h:panelGrid>
								<t:div style="overflow-y: scroll; overflow-x: hidden; height: 150px;">
									<p:fileUpload fileUploadListener="#{bitacoraController.handleFileUpload}" fileLimit="4" multiple="true"
										mode="advanced" dragDropSupport="false" allowTypes="/(\.|\/)(pdf|PDF)$/" showButtons="false"
										label="Agregar" oncomplete="obtenerDescripcion()"/>
								</t:div>
							</h:panelGrid>
						</h:panelGrid>
					</h:panelGrid>
					<h:panelGrid columns="5" width="100%">
						<p:spacer width="180" height="10"/>
						<p:commandButton id="btnGuardarModal" icon="ui-icon-disk" value="Guardar" actionListener="#{bitacoraController.guardarAction}"
							oncomplete="handleBitacoraDialogGuardar(xhr, status, args)" />
						<p:spacer width="40" height="10"/>
						<p:commandButton id="btnCerrar" icon="ui-icon-cancel" value="Cancelar" oncomplete="poppanelEditarEvento.hide()" />
						<p:spacer width="180" height="10"/>
					</h:panelGrid>
				</h:panelGrid>
				<p:blockUI block=":formpanelEditarEvento:idContentMainM" trigger=":formpanelEditarEvento:btnGuardarModal">
					<h:panelGrid columns="2">
						<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
						<h:outputText value="Guardando..." style="white-space: nowrap;" />
					</h:panelGrid>
				</p:blockUI>	
			</h:form>
		</p:dialog>

		<p:dialog id="idpanelMensajeEvento" header="Mensaje" widgetVar="poppanelMensajeEvento" modal="true" 
			dynamic="true" width="350">
			<h:outputText value="El Asesor No tiene Clientes, Si modifico el Arbol de Ejecutivos busque otra vez." />
		</p:dialog>

		<p:dialog id="idpanelAnexoBuscar" header="Buscar Anexos" modal="true"
			widgetVar="poppanelAnexoBuscar" dynamic="true" width="550" height="420">
			<h:form id="formpanelAnexoBuscar">
				<p:messages id="messagesBuscar1" showDetail="true" closable="true" />
				<h:panelGrid width="100%" id="idContentMainM">
					<h:panelGrid columns="5" width="100%" id="panelBusquedaForm">
						<h:outputText value="Fecha Inicio:" styleClass="texto" />
						<p:calendar value="#{bitacoraController.fechaInicioModal}" locale="es" showButtonPanel="false" 
							showOn="button" pattern="dd/MM/yyyy" size="11" maxlength="11">
							<p:ajax event="dateSelect" listener="#{bitacoraController.validateDateListener}" 
								update=":formpanelAnexoBuscar:messagesBuscar1"/>
							<p:ajax event="change" listener="#{bitacoraController.validateDateListener}" 
								update=":formpanelAnexoBuscar:messagesBuscar1"/>
						</p:calendar>
						<h:outputLabel value="Fecha Fin:" styleClass="texto" />
						<p:calendar value="#{bitacoraController.fechaFinModal}" locale="es" showButtonPanel="false"
							showOn="button" pattern="dd/MM/yyyy" size="11" maxlength="11">
							<p:ajax event="dateSelect" listener="#{bitacoraController.validateDateListener}" 
								update=":formpanelAnexoBuscar:messagesBuscar1"/> 
							<p:ajax event="change" listener="#{bitacoraController.validateDateListener}" 
								update=":formpanelAnexoBuscar:messagesBuscar1"/>
						</p:calendar>
						<p:spacer width="10px" />
					</h:panelGrid>
					<h:panelGrid columns="3" width="100%" id="panelBusqueDesForm">
						<h:outputLabel value="Descripcion:" styleClass="texto" />
						<h:inputText value="#{bitacoraController.descripcionAnexoModal}" style="width:300px;" />
						<p:commandButton icon="ui-icon-search" value="Buscar" actionListener="#{bitacoraController.buscarAnexoModal}"
							update=":formpanelAnexoBuscar:messagesBuscar1,:formpanelAnexoBuscar:dtAnexo" id="btnBuscar"/>
					</h:panelGrid>
					<p:spacer height="10px" />
					<h:panelGrid columns="1" width="100%">
						<p:dataTable value="#{bitacoraController.bitacoraModel.listFilesAnexoModal}" id="dtAnexo"
							var="fila" emptyMessage="No hay resultados." paginator="true" rows="8" rowIndexVar="rowIndex"
							rowStyleClass="#{(rowIndex mod 2) eq 0 ? 'styleDataTableRowColorClaro' : 'styleDataTableRowColorOscuro'}">
							<p:columnGroup type="header">
								<p:row>
									<p:column width="80" headerText="Fecha/Hora" />
									<p:column width="200" headerText="Nombre Archivo" />
									<p:column width="15" headerText="Evento" />
									<p:column width="15" headerText="Asesor" />
									<p:column width="10" headerText="" />
								</p:row>
							</p:columnGroup>
							<p:column><h:outputText value="#{fila.fechaevento}" /></p:column>
							<p:column><h:outputText value="#{fila.nomArchivo}" /></p:column>
							<p:column>
								<h:outputLink id="idToolE" value="#">
									<h:outputText value="E" styleClass="textoNegrita" />
								</h:outputLink>
								<p:tooltip for="idToolE" value="#{fila.descripcionevento}" />
							</p:column>
							<p:column>
								<h:outputLink id="idToolA" value="#">
									<h:outputText value="A" styleClass="textoNegrita" />
								</h:outputLink>
								<p:tooltip for="idToolA" value="#{fila.nombreasesor}" />
							</p:column>
							<p:column>
								<p:commandButton id="btnVerAnexo" icon="ui-icon-folder-open" ajax="false" 
									actionListener="#{bitacoraController.exportarArchivo(fila)}" />
								<p:tooltip for="btnVerAnexo" value="Ver Anexo" />
							</p:column>
						</p:dataTable>
					</h:panelGrid>
				</h:panelGrid>
				<p:blockUI block=":formpanelAnexoBuscar:idContentMainM" trigger=":formpanelAnexoBuscar:btnBuscar">
					<h:panelGrid columns="2">
						<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
						<h:outputText value="Guardando..." style="white-space: nowrap;" />
					</h:panelGrid>
				</p:blockUI>
			</h:form>
		</p:dialog>
	</ui:define>
</ui:composition>
</html>
